<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/sty.css"/>
		<link href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	
	</head>
	<body>
		
		<nav class="navbar navbar-expand-lg navbar-light">
			<div class="container">
				<div class="card2"></div>
				<img src="img/logo.png" >
				<div class="card1"></div>
				 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
				   <span class="navbar-toggler-icon"></span>
				 </button>
				 <div class="collapse navbar-collapse" id="navbarNav">
				   <ul class="navbar-nav">
				     <li class="nav-item active">
				       <a class="nav-link" href="#">首页 <span class="sr-only">(current)</span></a>
				     </li>
				     <li class="nav-item">
				       <a class="nav-link" href="#">解决方案</a>
				     </li>
				     <li class="nav-item">
				       <a class="nav-link" href="#">产品展示</a>
				     </li>
				     <li class="nav-item">
				       <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">客户案例</a>
				     </li>
					   <li class="nav-item">
					    <a class="nav-link" href="#">服务中心</a>
					  </li>
					   <li class="nav-item">
					    <a class="nav-link" href="#">新闻动态</a>
					  </li>
					   <li class="nav-item">
					    <a class="nav-link" href="#">关于我们</a>
					  </li>
					   <li class="nav-item">
					    <a class="nav-link" href="#">招贤纳士</a>
					  </li>
					  
				   </ul>
				 </div>
			</div>
</nav>
		

		
		
		<div class="main">
			<div class="bd-example">
			  <div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
				<ol class="carousel-indicators">
				  <li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
				  <li data-target="#carouselExampleCaptions" data-slide-to="1"></li>
				  <li data-target="#carouselExampleCaptions" data-slide-to="2"></li>
				</ol>
				<div class="carousel-inner">
				  <div class="carousel-item active">
					<img src="img/bannerbg.png" class="d-block w-100" alt="...">
					<div class="carousel-caption  d-md-block">
					  <h1>全方位解决方案</h1>
					  <h1>为您轻松解决不同问题</h1>
					  <h2 class="h3">比客户更懂客户</h2>
					</div>
				  </div>
				  <div class="carousel-item">
					<img src="img/bannerbg.png" class="d-block w-100" alt="...">
					<div class="carousel-caption \ d-md-block">
					   <h1>全方位解决方案</h1>
					  <h1>为您轻松解决不同问题</h1>
					  <h2 class="h3">比客户更懂客户</h2>
					</div>
				  </div>
				  <div class="carousel-item">
					<img src="img/bannerbg.png" class="d-block w-100" alt="...">
					<div class="carousel-caption  d-md-block">
					   <h1>全方位解决方案</h1>
					  <h1>为您轻松解决不同问题</h1>
					  <h2 class="h3">比客户更懂客户</h2>
					</div>
				  </div>
				</div>
				<a class="carousel-control-prev" href="#carouselExampleCaptions" role="button" data-slide="prev">
				  <span class="carousel-control-prev-icon" aria-hidden="true"></span>
				  <span class="sr-only">Previous</span>
				</a>
				<a class="carousel-control-next" href="#carouselExampleCaptions" role="button" data-slide="next">
				  <span class="carousel-control-next-icon" aria-hidden="true"></span>
				  <span class="sr-only">Next</span>
				</a>
			  </div>
			</div>
		</div>
		
		
		<div class="main-1">
			<div class="container">
				<div class="top">
					
					<h3>
						<img src="img/dengpao.png" alt="">
						解决方案
						</h3>
					<h4>Solutions</h4>
				</div>
				<div class="row">
					<div class="col-md-3">
						<img src="img/main1.png" >
						<h4>网站·移动网站</h4>
						<p>微信公众号开发移动网站微信公众号开发</p>
					</div>
					<div class="col-md-3">
						<img src="img/main2.png" >
						<h4>网站·移动网站</h4>
						<p>移动网站微信公众号开发移动网站微信公众号开发，解决方案</p>
					</div>
					<div class="col-md-3">
						<img src="img/main3.png" >
						<h4>网站·移动网站</h4>
						<p>移动网站微信公众号开发移动网站微信公众号开发</p>
					</div>
					<div class="col-md-3">
						<img src="img/main4.png" >
						<h4>网站·移动网站</h4>
						<p>移动网站微信公众号开发移动网站微信公众号开发，解决方案</p>
					</div>
				</div>
			</div>
		</div>
		
		
		
		<div class="main-2">
			<div class="top">
				<h3>
					<img src="img/lan5.png" alt="">
					客户案例
				</h3>
				<h4>Customer Case</h4>
			</div>
			<div class="xia clearfix">
				<img src="img/1.png" >
				<img src="img/2.png" >
				<img src="img/3.png" >
				<img src="img/4.png" >
				<img src="img/5.png" >
				<img src="img/6.png" >
				<img src="img/7.png" >
				<img src="img/8.png" >
			</div>
		</div>
		
		<div class="main-3 clearfix">
			<div class="top1">
				<p>全方位解决方案，为您轻松解决不同问题</p>
				<p>A full rage of solutions for you to solve different problems</p>
			</div>
			<a href="">查看更多</a>
		</div>
		
		<div class="main-4 clearfix">
			<div class="top">
				<h3>
					<img src="img/lan7.png" alt="">
					新闻动态
				</h3>
				<h4>Hengwang News</h4>
			</div>
			<div class="container clearfix">
				<div class="left clearfix">
					<img src="img/9.png" alt="">
					<div class="left-1">
						<h4>关于召开年会的通知</h4>
						<p>互联网，又称网际网路或音译因特网·英特网，是网络与网络之间所串成的庞大网络网络与网络至...</p>
						<a href="">查看更多</a>
					</div>
				</div>
				<div class="right clearfix">
					<img src="img/10.png" alt="">
					<div class="left-1">
						<h4>关于召开年会的通知</h4>
						<p>互联网，又称网际网路或音译因特网·英特网，是网络与网络之间所串成的庞大网络网络与网络至...</p>
						<a href="">查看更多</a>
					</div>
				</div>
			</div>
		</div>
		
		
		
		<div class="main-5">
			<div class="container">
				<div class="top">
					<h3>
						<img src="img/lan7.png" alt="">
						客户客服
					</h3>
					<h4>Serve Customers</h4>
				</div>
				<div class="xia">
						<img src="img/iame.png" alt="">
						<img src="img/trang.png" >
						<img src="img/smar.png" >
						<img src="img/ad.png" >
						<img src="img/mse.png" >
						<img src="img/iame.png" >
						<img src="img/trang.png" >
				</div>
			</div>
		</div>
		
		<footer>
		<div class="container">
			<div class="row">
				<div class="col-md-4">
					<p>联系我们</p>
					<ul>
						<li>地址：武汉市洪山区街道口鹏程国标B座2511</li>
						<li>电话：18238765101</li>
						<li>传真：（123）456-7890</li>
						<li>邮箱：support@vectorlab.com</li>
						<li>
							<img src="img/tubuao.png" alt="">
							027-82671661
						</li>
					</ul>
				</div>
				<div class="col-md-4">
					<p>相关链接</p>
					<div class="row">
						<div class="col-md-4">解决方案</div>
						<div class="col-md-4">产品展示</div>
						<div class="col-md-4">客户案例</div>
						<div class="col-md-4">服务中心</div>
						<div class="col-md-4">关于我们</div>
						<div class="col-md-4">招贤纳士</div>
					</div>
				</div>
				<div class="col-md-4"></div>
			</div>
		</div>	
		</footer>
		
		
		
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
<script src="https://cdn.bootcss.com/popper.js/1.14.6/umd/popper.min.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
	</body>
</html>
